function tab(nav, content) {
    $(nav).children().on('click', function () {
        $(this).toggleClass('active');
        $(this).siblings().removeClass('active');

        var index = $(this).index();
        // console.log(index);

        $(content).children().hide();
        $(content).children().eq(index).show();
    })
}


tab('.tab-nav', '.tab-content1');
tab('.tab', '.tab-content');


